<style type="text/css">


div.title{
	margin: 20px 0px;
	border: #cccccc 1px solid;
	line-height: 20px;
	padding-left: 5px;
}



</style>
<div  class="title" > 滚动 </div>

<div style="margin : 30px"></div>


<div  class="scroll-container" style="width:500px; height:300px;border:#cccccc 1px solid;">
<div   class="scroll-wrap" id="wrap1">
	<div id="scrollContent1"  style="width:7080px;background-color:#eeffff">

	</div>
</div>
<div id ="bigDomScroll"></div>
</div>


<script type="text/javascript">
	
	$("#scrollContent1").ccayLoad("ccay/demo/ui/slider/body.html",function(){
		$("#bigDomScroll").slider({
			min : 0, 
			max: 100, 
			tip : false,
			scroll : {
				target : "#scrollContent1"
			},
			step : 5, 
			value : 0
		});
	})
</script>


